<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--
1、相对路径：
    资源和页面在同一目录：直接写图片名
    资源在页面的上级目录：../图片名
    资源在页面的下级目录：文件名/图片名

2、绝对路径
    一般用于访问站外资源，称为图片盗链，存在找不到的问题


    alt：当图片不显示时，显示的文本
-->
<img src="微信图片_20211122185656.jpg" alt="这是个大胖橘">
<!--
    title图片停止在图片上显示的文本
    width/height   设置宽高，只设置宽度高度会自动等比缩放
    两种赋值  像素
-->
<img src="abc/u=3251197759,2520670799&fm=193&f=GIF.jpg"   title="夜景大桥" >
<img src="../VCG214a70cfcc0.jpg" >
</body>
</html>